<script lang="ts">


import { defineComponent, PropType } from 'vue';

export interface ProblemTagProps {
  name: string;
  color: string;
}

export default defineComponent({
  name: 'ProblemTag',
  props: {
    tag: {
      type: Object as PropType<ProblemTagProps>,
      required: true,
    },
  },
});

</script>

<template>
  <button class="btn  btn-sm small-op small m-1"
          :style="{ color: 'white', backgroundColor: '#409EFF' }"> {{ tag.name }}</button>
</template>

<style scoped lang="less">

</style>
